﻿<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" >
    <link rel="stylesheet" href="assets/slick/slick.css" >
    <link rel="stylesheet" href="assets/slick/slick-theme.css" >
	<link rel="stylesheet" href="assets/css/animate.css" >
    <link rel="stylesheet" href="assets/css/style.css" >

    <title>Sap</title>
</head>
<body class="position-relative">

<nav class="navbar navbar-expand-lg position-absolute w-100 bg-transparent navbar-style-3 text-nowrap">
    <div class="container">
        <a class="navbar-brand logo-v2 font-cabin fz-36 fw-700 lh-1 color-dark-blue-theme" href="index.html">
            <span class="d-sm-inline-flex d-none">Sa<span class="color-orange-theme">p</span></span>
            <img src="assets/media/logo-icon.png" alt="" class="d-sm-none">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav navbar-nav-style-2 text-uppercase mr-auto">
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Home
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-1">
                        <a class="dropdown-item" href="index.html">Home 1</a>
                        <a class="dropdown-item" href="index-2.html">Home 2</a>
                        <a class="dropdown-item" href="index-3.html">Home 3</a>
                        <a class="dropdown-item" href="index-4.html">Home 4</a>
                        <a class="dropdown-item" href="index-5.html">Home 5</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="features.html">Features</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Page
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-2">
                        <a class="dropdown-item" href="testimonial.html">Testimonial</a>
                        <a class="dropdown-item" href="team.html">Team</a>
                        <a class="dropdown-item" href="case-studies.html">Case Studies</a>
                        <a class="dropdown-item" href="pricing.html">Pricing</a>
                        <a class="dropdown-item" href="404.html">404</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Portfolio
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-3">
                        <a class="dropdown-item" href="portfolio.html">Portfolio V1</a>
                        <a class="dropdown-item" href="portfolio-v2.html">Portfolio V2</a>
                        <a class="dropdown-item" href="portfolio-v3.html">Portfolio V3</a>
                        <a class="dropdown-item" href="portfolio-v4.html">Portfolio V4</a>
                        <a class="dropdown-item" href="single-portfolio.html">Single Portfolio V1</a>
                        <a class="dropdown-item" href="single-portfolio-v2.html">Single Portfolio V2</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Blog
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-4">
                        <a class="dropdown-item" href="blog-grid.html">Blog Grid</a>
                        <a class="dropdown-item" href="blog-classic.html">Blog Classic</a>
                        <a class="dropdown-item" href="single-blog.html">Single Blog</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contact.html">Contact</a>
                </li>
            </ul>
        </div>
        <div class="font-rubik d-inline-flex align-items-center ml-auto">
            <a href="#" class="search-box-btn fz-14 text-decoration-none transition-default color-dark-blue-theme hover-color-orange-theme"><i class="fas fa-search mr-10px fz-12"></i>Search</a>
            <a href="#" class="ml-65px ml-lg-20px fz-16 color-dark-blue-theme text-decoration-none hover-color-orange-theme transition-default">Sign in</a>
            <a class="d-none d-sm-inline-flex ml-20px btn bgcolor-orange-theme hover-bgcolor-dark-blue-theme color-white-theme hover-color-white-theme py-15px px-35px lh-1-17 fz-16" href="#">Sign up</a>
        </div>
    </div>
</nav>

<section class="row mx-0 home-banner-3 align-items-center position-relative">
    <div class="container">
        <div class="row align-items-center flex-row-reverse">
            <div class="col-md-5 text-center pb-sm-30px wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/banners/home-3/ai.png" alt="" class="img-fluid banner-ai-3">
            </div>
            <div class="col-md-7">
                <h2 class="font-cabin fz-56 fz-lg-40 fz-md-30 mb-15px lh-1-17 fw-600 color-dark-blue-theme">Integrated and <br class="d-none d-md-block"> flexible payment solutions</h2>
                <p class="mb-15px font-rubik fz-20 fz-lg-18 fz-md-16 lh-1-17 color-dark-blue-theme">Trusted by over 50,000 businesses worldwide</p>
                <div class="home-banner-3-logo-carousel">
                    <img src="assets/media/trusted-by/trusted-by-1.png" alt="">
                    <img src="assets/media/trusted-by/trusted-by-2.png" alt="">
                    <img src="assets/media/trusted-by/trusted-by-3.png" alt="">
                    <img src="assets/media/trusted-by/trusted-by-4.png" alt="">
                    <img src="assets/media/trusted-by/trusted-by-5.png" alt="">
                </div>
                <hr class="home-3-banner-divider mt-30px mb-25px mr-10px">
                <div class="row">
                    <div class="col-sm-6 x-time-features pb-sm-20px">
                        <h3 class="fz-40 fz-lg-36 fz-md-30 font-cabin fw-700 lh-1 mb-5px color-orange-theme">$100k</h3>
                        <p class="mb-0 font-rubik fz-20 fz-lg-18 fz-md-16 color-dark-blue-theme-80">Monthly business account transaction limit</p>
                    </div>
                    <div class="col-sm-6 x-time-features">
                        <h3 class="fz-40 fz-lg-36 fz-md-30 font-cabin fw-700 lh-1 mb-5px color-green-theme">$25k</h3>
                        <p class="mb-0 font-rubik fz-20 fz-lg-18 fz-md-16 color-dark-blue-theme-80">Business account transaction limit</p>
                    </div>
                </div>
                <a href="#" class="p-0 btn btn-link font-rubik fz-20 fz-lg-18 fz-md-16 light-style font-rubik color-dark-blue-theme mt-20px lh-1 hover-color-blue-theme mb-25px">Learn more about CRM ></a><br>
                <a href="#" class="bgcolor-green-theme color-white-theme hover-color-white-theme hover-bgcolor-orange-theme py-20px px-55px lh-1 font-rubik fz-16 text-decoration-none transition-default d-inline-flex">Get Started</a>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 pt-65px pb-50px">
    <div class="container">
        <div class="row justify-content-center justify-content-xl-between">
            <div class="d-inline-flex flex-column px-50px text-center justify-content-center m-10px rounded-circle service-circle-shadow bgcolor-white-theme w-245px h-245px">
                <div class="mb-15px"><img src="assets/media/icons/service-1.png" alt=""></div>
                <h2 class="color-dark-blue-theme font-rubik fw-500 lh-1-5 fz-20 m-0">Global online Payment</h2>
            </div>
            <div class="d-inline-flex flex-column px-50px text-center justify-content-center m-10px rounded-circle service-circle-shadow bgcolor-white-theme w-245px h-245px">
                <div class="mb-15px"><img src="assets/media/icons/service-2.png" alt=""></div>
                <h2 class="color-dark-blue-theme font-rubik fw-500 lh-1-5 fz-20 m-0">Global Taxes Financial</h2>
            </div>
            <div class="d-inline-flex flex-column px-50px text-center justify-content-center m-10px rounded-circle service-circle-shadow bgcolor-white-theme w-245px h-245px">
                <div class="mb-15px"><img src="assets/media/icons/service-3.png" alt=""></div>
                <h2 class="color-dark-blue-theme font-rubik fw-500 lh-1-5 fz-20 m-0">Subscription  management</h2>
            </div>
            <div class="d-inline-flex flex-column px-50px text-center justify-content-center m-10px rounded-circle service-circle-shadow bgcolor-white-theme w-245px h-245px">
                <div class="mb-15px"><img src="assets/media/icons/service-4.png" alt=""></div>
                <h2 class="color-dark-blue-theme font-rubik fw-500 lh-1-5 fz-20 m-0">Risk  management</h2>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 pb-80px">
    <div class="container">
        <div class="row flex-row-reverse align-items-center">
            <div class="col-md-6 col-xl-7 text-center pb-sm-30px wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/focus-your-customer.png" alt="" class="img-fluid">
            </div>
            <div class="col-md-6 col-xl-5">
                <h2 class="font-cabin fz-40 fz-md-30 lh-1-5 fw-700 mb-20px color-dark-blue-theme">Quick & Easy Process</h2>
                <p class="font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80 mb-20px">The 29 country Region gives businesses looking to incorporate (or create a subsidiary) here an easy and streamlined process. You can either incorporate under the Canadian process or the Ontario process. Each option is simple and straight-forward.</p>
                <p class="font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80 mb-20px">The program also maintains a regular cadence of SOC2 attestations that establish an independent assessment of the SaaS based security controls. </p>
                <div class="row">
                    <div class="col-sm-6 p-15px">
                        <h2 class="font-cabin fz-40 lh-1 fw-700 mb-15px color-dark-blue-theme">25+</h2>
                        <p class="font-rubik fz-20 fz-lg-16 fz-md-14 lh-1-5 color-dark-blue-theme-80 mb-0">percent of a Canadian corporation’s board of directors are Canadian residents.</p>
                    </div>
                    <div class="col-sm-6 p-15px">
                        <h2 class="font-cabin fz-40 lh-1 fw-700 mb-15px color-dark-blue-theme">$100k</h2>
                        <p class="font-rubik fz-20 fz-lg-16 fz-md-14 lh-1-5 color-dark-blue-theme-80 mb-0">Reduce the rate your employees forget, overlook, or wrongly execute work</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 light-blue-gradient pt-60px pb-95px position-relative overflow-hidden">
    <div class="rounded-circle p-15px d-inline-flex justify-content-center align-items-end w-80px h-80px bg-white color-green-theme work-progress-arrow-circle ml--40px position-absolute">
        <i class="fas fa-arrow-down"></i>
    </div>
    <div class="container">
        <h2 class="text-white font-cabin fz-40 fz-md-30 lh-1 mb-90px mb-md-40px text-center fw-700">Work Process</h2>

        <div class="row crm-work-process-steps-bar justify-content-center d-none d-md-flex">
            <div class="col-md-4">
                <div class="row justify-content-center position-relative z-index-1 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="crm-work-process-step-connection-line line-first position-absolute"></div>
                    <div class="rounded-circle w-20px h-20px" style="background-color: #f1ebff"></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row justify-content-center position-relative z-index-1 wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="crm-work-process-step-connection-line line-middle position-absolute"></div>
                    <div class="rounded-circle w-20px h-20px" style="background-color: #d6fffb"></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row justify-content-center position-relative z-index-1 wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">>
                    <div class="crm-work-process-step-connection-line line-last position-absolute"></div>
                    <div class="rounded-circle w-20px h-20px" style="background-color: #fceeee"></div>
                </div>
            </div>
        </div>

        <div class="row crm-work-process-steps-cols">
            <div class="col-md-4 text-center p-15px wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                <div class="mb-30px step-count rounded-circle w-55px h-55px light-purple-gradient d-inline-flex justify-content-center align-items-center text-white fz-24 font-rubik fw-400">1</div>
                <h2 class="font-rubik lh-1-17 fw-500 color-white-theme mb-20px px-20px px-lg-0px fz-24 fz-md-18">Connect your CRM</h2>
                <p class="px-20px px-lg-0px font-rubik fw-400 fz-16 fz-md-14 lh-1-5 color-white-theme-80 mb-0">A simple wizard will help you choose which insights to deliver daily, and who to share them with.</p>
            </div>
            <div class="col-md-4 text-center p-15px wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                <div class="mb-30px step-count rounded-circle w-55px h-55px light-green-gradient d-inline-flex justify-content-center align-items-center text-white fz-24 font-rubik fw-400">2</div>
                <h2 class="font-rubik lh-1-17 fw-500 color-white-theme mb-20px px-20px px-lg-0px fz-24 fz-md-18">Receive Insights Daily</h2>
                <p class="px-20px px-lg-0px font-rubik fw-400 fz-16 fz-md-14 lh-1-5 color-white-theme-80 mb-0">Review the top insights and priorities from your inbox over your morning commute or coffee.</p>
            </div>
            <div class="col-md-4 text-center p-15px wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <div class="mb-30px step-count rounded-circle w-55px h-55px light-pink-gradient d-inline-flex justify-content-center align-items-center text-white fz-24 font-rubik fw-400">3</div>
                <h2 class="font-rubik lh-1-17 fw-500 color-white-theme mb-20px px-20px px-lg-0px fz-24 fz-md-18">Action the CRM</h2>
                <p class="px-20px px-lg-0px font-rubik fw-400 fz-16 fz-md-14 lh-1-5 color-white-theme-80 mb-0">Cloudflare’s network of 193 data centers across 90 countries ensures enterprise-grade availability.</p>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 mt--35px mb-100px position-relative z-index-2">
    <div class="container">
        <div class="row mx-0 pr-15px pl-35px pt-60px pb-45px pl-md-15px pt-md-30px pb-md-30px section-white-shadow bdrs-10px justify-content-between work-process-1">
            <div class="col-md-6 col-xl-7">
                <h2 class="lh-1-17 font-cabin fz-40 fz-md-30 fw-700 color-dark-blue-theme mb-25px">Works with</h2>
                <p class="color-dark-blue-theme-80 mb-15px font-rubik lh-1-5 fz-20 fz-lg-18 fz-md-16">We are building connections with many payment systems starting with sap.</p>
                <div class="row mx--25px">
                    <div class="col-6 py-20px px-25px"><img src="assets/media/trusted-by/trusted-by-8.png" alt="" class="img-fluid"></div>
                    <div class="col-6 py-20px px-25px"><img src="assets/media/trusted-by/trusted-by-5.png" alt="" class="img-fluid"></div>
                    <div class="col-6 py-20px px-25px"><img src="assets/media/trusted-by/trusted-by-6.png" alt="" class="img-fluid"></div>
                    <div class="col-6 py-20px px-25px"><img src="assets/media/trusted-by/trusted-by-7.png" alt="" class="img-fluid"></div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4">
                <div class="d-block section-white-shadow bg-white pt-55px pb-45px px-25px position-relative mt-sm-50px">
                    <div class="work-process-1-payment-check bgcolor-orange-theme rounded-circle text-white position-absolute d-inline-flex justify-content-center align-items-center">
                        <i class="fas fa-check fz-14"></i>
                    </div>
                    <div class="d-inline-flex px-20px font-rubik fz-14 text-white bgcolor-green-theme bdrs-10px lh-1-5 mb-15px">Payment Solution</div>
                    <h2 class="font-rubik fw-500 fz-24 d-flex mb-20px color-dark-blue-theme">Quick Process</h2>
                    <p class="font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80 mb-30px">Quick payment process .So every
                        team can use ClickUp. ClickUp merges
                        personal productivity with team
                        productivity, so reminders, notes, and calendars are all in the same platform.</p>
                    <a href="" class="d-inline-flex lh-1 fz-30 fz-lg-24 fz-md-20 font-rubik color-orange-theme hover-text-dec-none hover-color-green-theme transition-default">2-488-845-USCS</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 mb-55px">
    <div class="container">
        <h2 class="font-cabin fw-700 fz-40 fz-md-30 lh-1-17 mb-20px color-dark-blue-theme maw-800px">Insights services</h2>
        <p class="color-dark-blue-theme-80 font-rubik fz-20 fz-lg-18 fz-md-16 lh-1-5 mb-15px maw-800px">If you still have questions regarding our process and would like to speak to one of our Lending Specialists</p>
        <div class="row align-items-center">
            <div class="col-md-2 fz-16 fz-md-14 order-0 text-center text-md-left pb-sm-20px">
                <a href="#" class="color-dark-blue-theme hover-color-orange-theme transition-default d-inline-block mb-40px mb-sm-20px mr-sm-20px">
                    <img src="assets/media/icons/creative.png" alt="" class="mb-10px"><br>
                    UPI Payments
                </a>
                <a href="#" class="color-dark-blue-theme hover-color-orange-theme transition-default d-inline-block mb-40px mb-sm-20px mr-sm-20px">
                    <img src="assets/media/icons/setting.png" alt="" class="mb-10px"><br>
                    Insight analysis
                </a>
                <a href="#" class="color-dark-blue-theme hover-color-orange-theme transition-default d-inline-block mb-40px mb-sm-20px mr-sm-20px">
                    <img src="assets/media/icons/human-resources.png" alt="" class="mb-10px"><br>
                    Automate
                </a>
                <a href="#" class="color-dark-blue-theme hover-color-orange-theme transition-default d-inline-block mb-sm-20px">
                    <img src="assets/media/icons/pay-mangement.png" alt="" class="mb-10px"><br>
                    PayManagement
                </a>
            </div>
            <div class="col-md-6 order-2 order-md-1">
                <h2 class="font-poppins lh-1-17 fz-24 fz-md-20 mb-20px mb-md-15px color-dark-blue-theme">Cloud Storage</h2>
                <p class="mb-25px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The platform provides continuous protection of customer data with features and capabilities like access controls, data encryption at rest and in-transit as well as security development, security testing, </p>

                <h2 class="font-poppins lh-1-17 fz-24 fz-md-20 mb-20px mb-md-15px color-dark-blue-theme">Developers</h2>
                <p class="mb-25px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The program also maintains a regular cadence of SOC2
                    attestations that establish an independent assessment of the SaaS based security controls.</p>
                <p class="mb-15px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The platform is also GDPR-ready, enabling customers to meet enhanced data protection guidelines.</p>
                <a href="#" class="font-rubik fw-500 fz-16 fz-md-14 lh-1-875 py-10px px-45px transition-default d-inline-block bgcolor-green-theme hover-bgcolor-orange-theme transition-default hover-text-dec-none text-white">Learn More</a>
            </div>
            <div class="col-md-4 order-1 order-md-2 text-center text-md-left wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/services/insight-services-1.png" alt="" class="img-fluid">
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 pb-80px why-choose-1 z-index-1 position-relative">
    <div class="container">
        <div class="row align-items-end">
            <div class="col-md-5 text-center pb-sm-30px wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/how-it-works/why-chose.png" alt="" class="img-fluid">
                <p class="font-rubik fw-500 lh-1-5 fz-16 text-white mb-20px">Choose from over 50 insights and alerts to focus on</p>
                <a href="#" class="bdrs-10px d-inline-block bgcolor-orange-theme hover-text-dec-none pt-25px lh-1-5 pb-20px px-35px hover-bgcolor-dark-blue-theme transition-default text-white fz-14 font-rubik">
                    Make payment your own
                    <span class="d-block fz-20">Try it free</span>
                </a>
            </div>
            <div class="col-md-7 px-lg-15px px-90px">
                <h2 class="text-white mb-30px font-cabin fw-700 fz-40 fz-md-30">Checkout using UPI</h2>
                <ul class="list-unstyled mb-30px">
                    <li class="d-flex mb-20px">
                        <span class="flex-shrink-0 rounded-circle w-25px h-25px d-inline-flex justify-content-center align-items-center mr-10px" style="background-color: #fcb8de;"><i class="fas fa-check fz-12 text-white"></i></span>
                        <span class="color-white-theme-80">With our Checkout form, collecting UPI payments is as easy as it can get.</span>
                    </li>
                    <li class="d-flex mb-20px">
                        <span class="flex-shrink-0 rounded-circle w-25px h-25px d-inline-flex justify-content-center align-items-center mr-10px" style="background-color: #a8ffd9;"><i class="fas fa-check fz-12 text-white"></i></span>
                        <span class="color-white-theme-80">Ability to set up and start selling right from day one.</span>
                    </li>
                    <li class="d-flex mb-20px">
                        <span class="flex-shrink-0 rounded-circle w-25px h-25px d-inline-flex justify-content-center align-items-center mr-10px" style="background-color: #fdb27e;"><i class="fas fa-check fz-12 text-white"></i></span>
                        <span class="color-white-theme-80">Easy migration from spreadsheets and other CRM systems.</span>
                    </li>
                    <li class="d-flex">
                        <span class="flex-shrink-0 rounded-circle w-25px h-25px d-inline-flex justify-content-center align-items-center mr-10px" style="background-color: #d180ff;"><i class="fas fa-check fz-12 text-white"></i></span>
                        <span class="color-white-theme-80">Ability to set up and start selling right from day one</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 mt--80px section-white-f4-shadow pt-165px pb-115px" style="background-color: #f4f8ff;">
    <div class="container">
        <div class="row mb-10px">
            <div class="col-md-5">
                <article class="mb-35px">
                    <img src="assets/media/review/logos/deces.png" alt="">
                    <p class="mb-25px lh-1 color-orange-theme mt-20px mt-md-10px mb-md-15px">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half-alt"></i>
                    </p>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 color-dark-theme-80 lh-1-875">We use Monitis to monitor the performance and availability of our websites from different ocations. Monitis is easy to set up and the Monitis team provides great customer support I like to call it</p>
                </article>
                <article class="mb-35px">
                    <img src="assets/media/review/logos/avact.png" alt="">
                    <p class="mb-25px lh-1 color-orange-theme mt-20px mt-md-10px mb-md-15px">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half-alt"></i>
                    </p>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 color-dark-theme-80 lh-1-875">We use Monitis to monitor the performance and availability of our websites from different ocations. Monitis is easy to set up and the Monitis team provides great customer support I like to call it</p>
                </article>
                <article class="mb-35px">
                    <img src="assets/media/review/logos/sap.png" alt="">
                    <p class="mb-25px lh-1 color-orange-theme mt-20px mt-md-10px mb-md-15px">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half-alt"></i>
                    </p>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 color-dark-theme-80 lh-1-875">“There is no better way to keep in touch as well as navigate a sea of prospects to find relevant information and appropriate channels for communication than sap and Prospector.”</p>
                </article>
            </div>
            <div class="col-md-1"></div>
            <div class="col-md-6">
                <article class="mb-35px">
                    <img src="assets/media/review/logos/vencs.png" alt="">
                    <p class="mb-25px lh-1 color-orange-theme mt-20px mt-md-10px mb-md-15px">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half-alt"></i>
                    </p>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 color-dark-theme-80 lh-1-875">With Nimble, I can not only find contact information within AngelList, but in addition to that I get social information, I get hooks into the CRM, and if I need to export this information. I can do that from the plugin…I don’t have to have 25 tabs open; I can just have Nimble open and it goes everywhere with me.”</p>
                </article>
                <article class="mb-35px">
                    <img src="assets/media/review/logos/uevs.png" alt="">
                    <p class="mb-25px lh-1 color-orange-theme mt-20px mt-md-10px mb-md-15px">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half-alt"></i>
                    </p>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 color-dark-theme-80 lh-1-875">“saps data enrichment feature is a tremendous time saver that literally gives each of our team members an extra five-to-ten hours a week they’d otherwise spend on top-of-funnel activities.”</p>
                </article>
                <article class="mb-35px">
                    <img src="assets/media/review/logos/apcsa.png" alt="">
                    <p class="mb-25px lh-1 color-orange-theme mt-20px mt-md-10px mb-md-15px">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star-half-alt"></i>
                    </p>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 color-dark-theme-80 lh-1-875">“Today the quickest way to boost your connections beyond your personal memory is with a Social CRM, and sap is the easiest to implement.”</p>
                </article>
            </div>
        </div>
        <div class="row justify-content-center">
            <a href="#" class="font-rubik py-15px px-35px lh-1 d-inline-flex text-white bgcolor-green-theme hover-bgcolor-dark-blue-theme transition-default hover-text-dec-none bdrs-10px">Read the Case Study ></a>
        </div>
    </div>
</section>

<section class="row mx-0 mb-95px">
    <div class="container">
        <div class="row mx-0 mt--35px p-35px blue-light-gradient flex-column align-items-center">
            <h2 class="font-cabin fw-500 text-white mb-25px fz-24 fz-md-20 mt-30px mt-md-0px text-center">Highly rated by thousands of customers all over the world</h2>
            <a href="#" class="py-20px px-35px btn border-0 lh-1 text-white bgcolor-orange-theme hover-bgcolor-dark-blue-theme">Full featured trial</a>
        </div>
    </div>
</section>

<section class="row mx-0 mb-65px">
    <div class="container">
        <h2 class="mx-auto maw-850px text-center font-cabin fz-40 fz-md-30 fw-700 color-dark-blue-theme mb-20px lh-1-17">Faster Funding. Fewer Fees.</h2>
        <p class="font-rubik fz-20 fz-lg-18 fz-md-16 lh-1-5 color-dark-blue-theme-80 mb-80px text-center mx-auto maw-850px ">We leverage insider knowledge to secure the best rates and greatest profit for our partners and merchants</p>
        <div class="row flex-row-reverse align-items-center">
            <div class="col-md-7 text-center wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/faster-finding/faster-finding.png" alt="" class="img-fluid">
            </div>
            <div class="col-md-5">
                <article class="faster-finding-style mb-30px maw-400px">
                    <div class="faster-finding-style-icon position-relative d-inline-flex w-30px h-30px justify-content-center align-items-center mb-20px">
                        <div class="faster-finding-style-icon-bg rotate-45 position-absolute w-20px h-20px" style="background-color: #ff86a0;"></div>
                        <i class="fas fa-angle-double-right text-white position-relative z-index-1 fz-12"></i>
                    </div>
                    <h2 class="font-rubik fz-24 fz-md-20 lh-1 color-dark-blue-theme mb-15px fw-400">Increase Revenue</h2>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">Sap provides real-time monitoring of your
                        applications to detect anomalies and keep
                        your business running smoothly. Align your business owners and IT department with one common</p>
                </article>
                <article class="faster-finding-style maw-400px">
                    <div class="faster-finding-style-icon position-relative d-inline-flex w-30px h-30px justify-content-center align-items-center mb-20px">
                        <div class="faster-finding-style-icon-bg rotate-45 position-absolute w-20px h-20px" style="background-color: #59a6fa;"></div>
                        <i class="fas fa-angle-double-right text-white position-relative z-index-1 fz-12"></i>
                    </div>
                    <h2 class="font-rubik fz-24 fz-md-20 lh-1 color-dark-blue-theme mb-15px fw-400">Increase Revenue</h2>
                    <p class="mb-0 font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">Sap provides real-time monitoring of your
                        applications to detect anomalies and keep
                        your business running smoothly. Align your business owners and IT department with one common</p>
                </article>
            </div>
        </div>
    </div>
</section>

<footer class="row mx-0 footer-style-3 pt-145px pb-40px">
    <div class="container">
        <h2 class="font-rubik fw-400 fz-24 lh-1-17 mb-25px text-center color-dark-blue-theme">Subscribe to our newsletter and be notified when launch! ( only once a week  )</h2>
        <div class="row justify-content-center mb-65px">
            <div class="col-md-6 px-xl-0">
                <form action="#" class="subscription-style-form d-flex align-items-center">
                    <input type="email" class="form-control border-0" placeholder="Your email">
                    <button type="submit" class="subscription-style-form-btn">Subscribe</button>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-lg-3 col-xl-4 p-15px">
                <ul class="footer-style-1-social nav-pills nav">
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-facebook-f"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-linkedin-in"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-dribbble"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-twitter"></i></a></li>
                </ul>
                <p class="color-dark-blue-theme-80 font-rubik fz-16 lh-1-5 mb-30px fw-400">2nd Floor, No.21, 80-feet Road, Cadarso 19
                    <br class="d-none d-md-block"> bis, loft 2 28008 Madrid (Spain)</p>
                <a href="" class="color-dark-blue-theme-90 hover-color-green-theme fz-16 lh-1-5 d-inline-flex font-rubik fw-400">+088 01912704287</a><br>
                <a href="mailto:sap@gmail.com" class="color-dark-blue-theme-80 hover-color-green-theme fz-16 lh-1-5 d-inline-flex font-rubik fw-400">sap@gmail.com</a><br>
            </div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 color-dark-blue-theme mb-35px fz-20">Products</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">SaaS</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Network Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">End User Experience</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">SaaS Experience</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Cloud base</a></li>
                </ul>
            </div>
            <div class="col-xl-1 d-none d-xl-block"></div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 color-dark-blue-theme mb-35px fz-20">Company</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">About us</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">News &amp; Events</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Careers</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Trust</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Contact us</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Support</a></li>
                </ul>
            </div>
            <div class="col-xl-1 d-none d-xl-block"></div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 color-dark-blue-theme mb-35px fz-20">Network</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Synthetic Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Real User Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Internet Intelligence</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">DEX Sonar</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Managed Monitoring</a></li>
                </ul>
            </div>
        </div>
        <div class="row copyright-footer-1 border-lg-0 align-items-end fz-16 font-rubik fw-400 mt-15px">
            <div class="col-md-4 col-xl-3">
                <a href="index.html" class="font-cabin fz-36 fw-700 lh-1 color-dark-blue-theme hover-text-dec-none">Sap</a>
            </div>
            <div class="col-md-4 col-xl-6 px-xl-0">
                <div class="row justify-content-center footer-style-1-mobile-apps color-dark-blue-theme-90 py-sm-10px">
                    Mobile Apps:
                    <a href="#" class="color-dark-blue-theme fz-18"><i class="fab fa-apple"></i></a>
                    <a href="#" class="color-dark-blue-theme fz-18"><i class="fab fa-google-play"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-3 text-md-right color-dark-blue-theme-80">Copyrights 2019 <a href="http://www.bootstrapmb.com" >Template_mr</a> </div>
        </div>
    </div>
</footer>

<!--Search Popup-->
<div id="search-popup" class="search-popup">
	<div class="close-search theme-btn"><span class="fas fa-times"></span></div>
	<div class="popup-inner">
		<div class="overlay-layer"></div>
    	<div class="search-form">
        	<form method="post" action="index.html">
            	<div class="form-group">
                	<fieldset>
                        <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required="">
                        <input type="submit" value="Search Now!" class="theme-btn">
                    </fieldset>
                </div>
            </form>
            
            <br>
            <h3>Recent Search Keywords</h3>
            <ul class="recent-searches">
                <li><a href="#">Software</a></li>
                <li><a href="#">Sass</a></li>
                <li><a href="#">Less</a></li>
                <li><a href="#">Css</a></li>
                <li><a href="#">Jquery</a></li>
            </ul>
        
        </div>
        
    </div>
</div>

<style>
	.search-popup{
	position:fixed;
	left:0px;
	bottom:-100%;
	width:100%;
	height:100%;
	z-index:999999999999999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	transform:scale(0,0);
	background:rgba(0,0,0,0.80);
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup.popup-visible{
	bottom:0;
	visibility:visible;
	opacity:1;
	transform:scale(1,1);
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:200px;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	border-radius:7px;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-moz-border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background-color:#222222;
	line-height:30px;
	font-size:20px;
	color:#233145;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:0px 7px 7px 0px;
	-moz-border-radius:0px 7px 7px 0px;
	-ms-border-radius:0px 7px 7px 0px;
	-o-border-radius:0px 7px 7px 0px;
	-webkit-border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#000000;
}

.search-popup h3{
	font-size:24px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;	
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
}

.search-popup .recent-searches li a:hover{
	color:#000000;
	border-color:#ffffff;
	background-color:#ffffff;
}

@media only screen and (max-width: 599px){
	
	.search-popup .search-form fieldset input[type="search"]{
		padding-right:20px;
	}
	
	.search-popup .search-form fieldset input[type="submit"]{
		position:relative;
		width:100%;
	}
	
}

</style>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.4.1.min.js" ></script>
<script src="assets/js/popper.min.js" ></script>
<script src="assets/bootstrap/js/bootstrap.min.js" ></script>
<script src="assets/slick/slick.js" ></script>

<script src="assets/js/theme-dist.js" ></script>
<script src="assets/js/wow.js" ></script>
<script src="assets/js/script.js" ></script>
</body>
</html>
